.fill-height-or-more {
  display: flex;
  flex-direction: column;
}

fill-height-or-more > div {
  flex: 1 1 auto;
}

  
  #head-height {
    display: flex;  
    flex-direction: column; 
    flex-grow: 1;
  }

 
  #feature-art {
    position: relative;
    height: 38vw;
    margin-bottom:10px;
    min-height:140px;
    background-size:100%; 
    background-repeat: no-repeat;
    border-bottom-style: solid; 
    border-bottom-color: var(--section-accent-color, #6a39b9);
    border-bottom-width: 2px;
    padding-top: 16px; 
    padding-bottom: 40px;
    /*border: 5px solid red;*/
  }

 
  #feature-prod{
    position: absolute;   
    left: 4vw;
    bottom:30px;
    color: rgb(217, 220, 219);
    font-size: 14px;
    text-align:center;
    width: 15vw;
    z-index:9;
  } 

  .feature-copy{
    background-color: var(--sectiontitles-bg-color);
    border: 2px solid white;
    border-radius: 25px;
  }
   
  @media screen and (max-width: 823px) { .feature-copy{display: none;} #subscribe-text{display: none;} #feature-prod{display: none;}}
  @media screen and (max-width: 640px) { section.main-artwork{width: 100%;} }